#include("/views/layout/_layout.html")
#@layout("blog - 点滴")
#define main()
<div class="container">
    <div class="layui-tab layui-tab-brief" lay-filter="timelineTab">
        <ul class="layui-tab-title child-nav shadow">
            <li lay-id="timelineLi" class="child-nav-btn">时光轴</li>
        </ul>
        <div class="layui-tab-content" style="padding: 0 0 10px 0">
            <div class="layui-tab-item layui-show">
                <div class="timeline-box shadow">
                    <div class="timeline-main">
                        <h1><i class="fa fa-clock-o addTimeLine"></i>时光轴</h1>
                        <div class="timeline-line"></div>
                        <div class="timeline-year">
                            <div class="timeline-month">
                                <ul id="timeLineThought"></ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/templateTimeLine">
    <li>
        <div class="h4">
            <p class="date">{createTime}</p>
        </div>
        <p class="dot-circle"><i class="fa fa-dot-circle-o" id="{id}"></i></p>
        <p class="content">{content}</p>
    </li>
    <div class="clear"></div>
</script>
<div id="timeLineDiv" style="display: none;">
    <input type="hidden" id="isLogin" value="#(isLogin)">
    <form class="layui-form" id="timeLineForm">
        <div class="layui-form-item">
            <label>内容</label>
            <div style="margin-top: 10px">
                <textarea id="content" name="timeline.content" placeholder="请输入内容"
                          class="layui-textarea" style="height: 270px"></textarea>
            </div>
        </div>
    </form>
</div>
#end

#define js()
<script type="text/javascript" src="#(ctx)/static/js/timeline.js"></script>
#end

#define css()
<link href="#(ctx)/static/css/timeline.css" rel="stylesheet">
#end